<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品管理</title>
		<!--移动端meta标签-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--外链css-->
		<link rel="stylesheet" type="text/css" href="css/commodity.css" />
		<!--清除浏览器默认样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<!--移动端remJS脚本-->
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		<!--iconfont-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_854329_5cnbs3vauti.css" />
		<!--外链css动画库-->
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<!--头部-->
		<header>
			<div class="top flex">
				<!--返回按钮-->
				<a href="index.html" class="flex"><i class="icon-fanhui iconfont"></i></a>
				<!--标题-->
				<span class="topTitle">小店商品</span>
				<!--搜索按钮-->
				<i class="icon-cx iconfont"></i>
				<span class="finish">完成</span>
			</div>
			<div class="bottom">
				<!--菜单-->
				<ul class="menu flex">
					<!--上架-->
					<li class="grounding flex select">上架商品(4)</li>
					<!--下架-->
					<li class="undercarriage flex">已下架(4)</li>
				</ul>
			</div>
		</header>
		<!--上架商品展示 AJAX-->
		<div class="grounding-content con show">
		</div>
		<!--下架商品展示 AJAX-->
		<div class="undercarriage-content con">
		</div>	
		<!--底部操作菜单-->
		<div class="bottom-menu flex">
			<div class="bottom flex">
				<!--添加商品-->
				<div class="bottom-left flex"><span>添加商品</span></div>
				<!--批量管理-->
				<div class="bottom-right flex"><span>批量管理</span></div>
			</div>
		</div>
		<!--批量管理编辑菜单-->
		<div class="batchMenu flex">
			<!--全选-->
			<a href="#" class="flex all"><i class="icon-gouxuanzhong icg iconfont"></i>全选</a>
			<a href="#" class="aMenu flex">移到顶部</a>
			<a href="#" class="aMenu flex">下架</a>
			<a href="#" class="aMenu flex del">删除</a>
		</div>
		<script type="text/javascript" src="js/commodity.js"></script>
	</body>
</html>
